<template>
    <div class="mian">
        <component :is="state" @changeToast="changeToast"></component>
    </div>
</template>
<script>
import supervisor from './controllerHome'
import ownerHome from './ownerHome'
export default {
  props: ['state'],
  components: {
    supervisor,
    ownerHome
  },
  methods: {
    changeToast (val) {
      this.$emit('changeToast', val)
    }
  }
}
</script>
<style lang="less">
.main{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
</style>
